<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>益智小游戏网站</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>
    <header>
        <div class="container">
            <h1>益智小游戏合集</h1>
            <nav>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="games/snake.html">贪吃蛇</a></li>
                    <li><a href="games/tetris.html">俄罗斯方块</a></li>
                    <li><a href="games/memory.html">记忆翻牌</a></li>
                    <li><a href="games/settings.html">游戏设置</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <section class="hero">
            <div class="container">
                <h2>欢迎来到益智小游戏世界</h2>
                <p>这里有多种有趣的益智小游戏，锻炼你的思维和反应能力！</p>
                <div class="game-cards">
                    <div class="game-card">
                        <h3>贪吃蛇</h3>
                        <p>经典的贪吃蛇游戏，控制蛇移动并吃到食物，让它变得越来越长！</p>
                        <a href="games/snake.html" class="btn">开始游戏</a>
                    </div>
                    <div class="game-card">
                        <h3>俄罗斯方块</h3>
                        <p>经典的俄罗斯方块，将方块填满一行即可消除得分！</p>
                        <a href="games/tetris.html" class="btn">开始游戏</a>
                    </div>
                    <div class="game-card">
                        <h3>记忆翻牌</h3>
                        <p>考验记忆力的翻牌游戏，找出所有匹配的卡片！</p>
                        <a href="games/memory.html" class="btn">开始游戏</a>
                    </div>
                </div>
            </div>
        </section>

        <section class="features">
            <div class="container">
                <h2>游戏特色</h2>
                <div class="feature-list">
                    <div class="feature">
                        <h3>计时系统</h3>
                        <p>每种游戏都有计时功能，挑战你的速度极限！</p>
                    </div>
                    <div class="feature">
                        <h3>积分记录</h3>
                        <p>自动记录你的游戏分数，看看你能达到多高！</p>
                    </div>
                    <div class="feature">
                        <h3>简单操作</h3>
                        <p>直观的操作方式，适合各个年龄段的玩家！</p>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2024 益智小游戏网站. 保留所有权利.</p>
        </div>
    </footer>

    <script src="js/main.js"></script>
</body>
</html>